import _Row from "antd/lib/row";
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 20px;\n  line-height: 20px;\n  font-size: 12px;\n  font-family: PingFangSC-Regular;\n  color: #525a6e;\n  text-align: center;\n  margin: 16px 0;\n  cursor: pointer;\n  img {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: fit-content;\n  max-height: 300px;\n  flex-wrap: nowrap;\n  overflow-y: auto;\n  .thumbnail {\n    width: 100%;\n    flex: 0 0 auto;\n    margin-top: 16px;\n    background-color: #ccc;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  height: 200px;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  img {\n    width: 100%;\n    height: auto;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  max-width: 1100px;\n  height: auto;\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n  padding-bottom: 36px;\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral([""]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import styled from "styled-components";
export var StyledConfigRow = styled(_Row)(_templateObject());
export var CfgStepsWrapper = styled.div(_templateObject2());
export var ConfigStepContainer = styled.div(_templateObject3());
export var MotionWrapper = styled.div(_templateObject4());
export var ThumbnailContainer = styled.picture(_templateObject5());
export var PreviewBtnContainer = styled.div(_templateObject6());
